热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

web前端|一条“不归路”学习路线

由于前两篇【前端开发】文章,得到不少赞同和转发,应该也帮助了不少刚入门感兴趣的童鞋更好的入坑。更不少人留言说“根据你的文章罗列的书单都买了”(看来这类小伙子小姑娘求知欲是真的

由于前两篇【前端开发】文章,得到不少赞同和转发,应该也帮助了不少刚入门感兴趣的童鞋更好的入坑。
更不少人留言说 “根据你的文章罗列的书单都买了”(看来这类小伙子 小姑娘求知欲是真的很强,潜力很大)。

 

当然大牛或者老鸟是不屑一顾的,因为我推荐的书和干货, 都是每个前端人必经之路,都是被看烂的东西,但新人不刻意去搜或者收集,他们是很难入门并且有兴趣的一路走下来的,你可能会告诉他们:
去看w3cschool 就好啦、犀牛书买一本慢慢啃就好啦、写几个例子熟悉一下不就行啦,看一些 API 跟着做就行啦多简单。。。 这些之类的话。

但我想说 你这是害人呐,你不地道啊!你现在了解前端了,经验足,逼格高了,跨过了一道道坎,觉得没啥,但想想自己是新人入门时候的苦楚吧。

我在这里还是希望大家:CSS就看视频教程或者w3cschool 一遍一遍的敲,不要偷懒;然后参照一些网站布局,完全模拟一个出来,成就感瞬间提升,会督促你进步。

JS 先根据《Javascript DOM编程艺术》 这本书上的例子敲一遍,没错一行一行的敲,你自然会成就感爆棚,兴趣大增,那么你就会坚持下来,有了兴趣入了门,后面就不是事儿了。


重点:

今天身为过来人,我来一一给大家分析下:针对 不同背景、不同身份的人,该如何学习和进阶 web前端

我相信有不少人有这样的困惑,也是很多人问的最多的问题之一。「 那么我先介绍这2种典型的背景 」

 


 

「 培训机构出来的,刚入职 」

特点:目的性强、已经入门,但缺少实战经验,语言逻辑基础略差。

通常培训机构出来的同学呢,大部分基础都有了解和入门了 ,比如html、css、js常用属性和一些常用工具、编辑器的使用等等。至于他们培训的课程内容和流程 ,因为我不是培训出来的,也涉及到部分人的利益(但我看过),我就不多做评价和吐槽了,俗话说:师傅领进门,修行在个人。各行各业不变的真理,在IT 行业尤其适用。

培训机构作用:有学习气氛、可以系统的教你入门和了解(仅仅是了解 信我),可以学到解决问题的思路方案。-- 适合 自制力略差,和快速入门,快速参加工作挣钱的人
培训机构弊端:学费贵,成本高,并没有企业实战项目经验,就像华山练剑,只练招数,并无实战。很有可能入职之后 不堪一击。这也是现在好多人反应培训完根本找不到工作,或者看不到前景。


解决方法:运气够好,只需要找家相对靠谱点的公司,主动多承担任务,多做事,别怕吃苦,做有工作量的活(比如页面仔、切图、优化兼容,jQuery效果实现。一些高级技巧和方案,现在你肯定接触不到)多干点,加加班。我知道你肯定很反感加班,但你这个阶段是人畜无害的阶段啊,没啥可失去的,现在不忍着加班做点东西,难道以后混不下去了在加班?

再有,一定要谦虚求教比你厉害的,哪怕比你厉害一点点,就不要装逼,能学一点都是自己的,早晚超过他。学一些构建工具使用和技巧,碰到突发情况团队的解决方案和思路,这都是经验增长必须历练的。

至于你语言逻辑基础差的问题,通过不停的做项目和实战,如果你好学,并且勤奋,这都不是问题,页面JS方面无非是操作dom,循环遍历,请求数据然后想办法显示出来 这些居多,其他复杂的技术和流程,我想你肯定是不让你接触,而且你也理解不了(天赋异禀的除外),你多gogole 和练习基本都没什么问题。

增长经验的方法不外乎多看,多想,多练,所以你现在缺的就是经验 和练习。相信我:付出绝对有回报,只要你用心,别懒别抱怨!


「 从后端开发 转入 前端开发 」

特点:有语言基础、解决问题能力强,但通常 美感 艺术感较差。

有人说我装逼,前端开发 也是码农,要什么美感、艺术感?这个问题在这里我就不和你刚了,后面我会好好给你分析打你的脸!

web前端转行过来的,这部分很多,而且近两年不少后端 比如 Java开发,都体会到前端的重要性和趣味性,其实更多的是觉得特别有意思,有前途(我们java后端,每天都会跑我这来说几句:tmd,前端真有意思,我越看越有意思,我扭过来我帅帅的脸说:去给我倒杯水)。

我们java架构师,总给我说 他就css不行,烦布局,没美感(但他js肯定没问题,jquery、AngularJS、requirejs、vue什么的,玩的也是666的),这也是大部分 后端人员转前端 不好跨过去的坎。

究其原因,因为后端攻城狮们,一开始就是标准的程序员思维,逻辑性强,解决问题能力突出,自然研究和学新东西不在话下,但也太过理性,逻辑性长期占据大脑
左脑,具有语言、概念、数字、分析、逻辑推理等功能;
右脑,具有音乐、绘画、空间几何、想像、综合等功能;

所以不是超人,一般只是一半脑子比另一半更优异或者更发达(这里大神,天赋异禀的人除外),CSS 和布局设计能力更多的是和UI、空间 、想象有关系,更注重创造性和想象力,所以一般严谨的程序员会稍微欠缺甚至反感一个px 一个rem 的来构造画面。

这也恰恰说明,我们web前端工种 是多么伟大、高尚,而事无巨细的一类职业,你不光要编码,还要有灵性来感性,让自己更像一个艺术家一样,更多的是创造,而不是重复!这也让更多的人 ,尤其女性喜欢入这个坑,一般妹子天生就是感性的, 爱美的额。

解决方法:

  1. 前端很庞杂,有很多学科和体系,你可以专攻 JS、框架功能,甚至可以达到被说烂的前后通吃。这个对你并不很难,因为只不过是换了一种语言层面。

  2. 训练自己,让自己不在抵触具有创造力的东西,优秀的程序员其实都应该具有和喜爱创造力,无论后端代码架构,还是前端效果展示。你可以费劲心思让自己的java代码 那么有创造力,优化的那么人性化。请问你为什么不肯花一些时间,让自己爱上让人笑醒的 CSS 呢?她是多么儒雅而简约,所见即所得,至于怎么练习css,我就不多舌了吧,我自己都说烦了呢(嘿嘿!喝口茶)

  3. 自己解决不了,或者不够完美的效果,你要舍着脸去问web前端妹子(单身狗,搭讪好机会,你不用,怪不得天天吃狗粮!),一般他们很乐意解决布局问题,这对她们来说就像在做绣花鞋,不亦乐乎。而你解决这个知识点之后,以后基本都是通用的,对谁都有好处。


上边2种情况是大多数和典型的背景情况,所以啰嗦的有些多(其实还没啰嗦完)。

还有剩下的几种情况,我先罗列出来,简要建议 ,后面补上

  • 将要毕业的学生,要不要参加培训

我的回答:看情况,如果你很喜欢,并且自己学的专业不好找喜欢的工作,而你自制力又不太好,一般自学坚持是最难的,也没系统的流程(很难),那么你就可以在坑爹一次(学费贵),去吧,不是我说的,是你真的没选择。

如果是另一种情况:计算机专业毕业的学生,你大可不必参加培训,你有基础,而且很爱钻研,不然你不会报计算机,更不会来看我的文章。前端专业在各高校还没有普及和开设,你大可以毕了业找一份后端编程的工作,练手,你有心,自然会慢慢转到web前端。也就符合我上面说的第二种情况。如果你不喜欢报了计算机,我猜你毕业了肯定早转行了,也就不需要我来给你***了。

  • 听说前端入门简单也能挣钱,想学习的人

如果你关注我,你会知道 我一直强调【兴趣】的重要性,web前端 属于知易行难(知道入门容易,但做起来,并且做好、做深是很难)的职业。
所以也就造了这样的错觉,以为前端简单,入门快,易上手,工资好拿钱好赚,其实不然,前期找个web工作是不难,但你如果基础不扎实,起点心态不对,你很难成长和深入,也就不会拿到所谓的高薪,就别提挣钱了。IT 行业肯定是靠一步步积累的,如果一开始就是为挣快钱来的,中间又不思进取的话,早晚要离开的也不少。


灌一碗鸡汤

人一切的动力都来自于欲望,没有欲望也就没有目的,就谈不上做事。

那么我们从事前端开发这个职业,你的目的是什么,你的追求是什么,很大程度上决定了你能达到什么高度。

增长经验的方法不外乎多看,多想,多练。有兴趣就能用心,每个人都有自己善长的方面,发现它,并重点发展。(想当年,我在寝室是一个属性一个属性的来敲,那酸爽,至今忘不掉。)
坚持,一天进步一点点,成就感会激励你,直到你发现:哇!原来网络上常见的效果和功能是这么做的。

 

循循渐进,方得始终!共勉。
 
记住付出绝对有回报,不可贪快,最后兴趣和付出,都会变成钱(信我!)

 


推荐阅读
  • 技术分享:从动态网站提取站点密钥的解决方案
    本文探讨了如何从动态网站中提取站点密钥,特别是针对验证码(reCAPTCHA)的处理方法。通过结合Selenium和requests库,提供了详细的代码示例和优化建议。 ... [详细]
  • 程序员妻子吐槽:丈夫北漂8年终薪3万,存款情况令人意外
    一位程序员的妻子在网上分享了她丈夫在北京工作八年的经历,月薪仅3万元,存款情况却出乎意料。本文探讨了高学历人才在大城市的职场现状及生活压力。 ... [详细]
  • 深入理解Tornado模板系统
    本文详细介绍了Tornado框架中模板系统的使用方法。Tornado自带的轻量级、高效且灵活的模板语言位于tornado.template模块,支持嵌入Python代码片段,帮助开发者快速构建动态网页。 ... [详细]
  • 深入理解Cookie与Session会话管理
    本文详细介绍了如何通过HTTP响应和请求处理浏览器的Cookie信息,以及如何创建、设置和管理Cookie。同时探讨了会话跟踪技术中的Session机制,解释其原理及应用场景。 ... [详细]
  • 本文介绍了如何使用JQuery实现省市二级联动和表单验证。首先,通过change事件监听用户选择的省份,并动态加载对应的城市列表。其次,详细讲解了使用Validation插件进行表单验证的方法,包括内置规则、自定义规则及实时验证功能。 ... [详细]
  • 前言--页数多了以后需要指定到某一页(只做了功能,样式没有细调)html ... [详细]
  • 国内BI工具迎战国际巨头Tableau,稳步崛起
    尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ... [详细]
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • 本文介绍了如何使用jQuery根据元素的类型(如复选框)和标签名(如段落)来获取DOM对象。这有助于更高效地操作网页中的特定元素。 ... [详细]
  • 导航栏样式练习:项目实例解析
    本文详细介绍了如何创建一个具有动态效果的导航栏,包括HTML、CSS和JavaScript代码的实现,并附有详细的说明和效果图。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 本文介绍了一款用于自动化部署 Linux 服务的 Bash 脚本。该脚本不仅涵盖了基本的文件复制和目录创建,还处理了系统服务的配置和启动,确保在多种 Linux 发行版上都能顺利运行。 ... [详细]
  • 在Linux系统中配置并启动ActiveMQ
    本文详细介绍了如何在Linux环境中安装和配置ActiveMQ,包括端口开放及防火墙设置。通过本文,您可以掌握完整的ActiveMQ部署流程,确保其在网络环境中正常运行。 ... [详细]
  • 如何在WPS Office for Mac中调整Word文档的文字排列方向
    本文将详细介绍如何使用最新版WPS Office for Mac调整Word文档中的文字排列方向。通过这些步骤,用户可以轻松更改文本的水平或垂直排列方式,以满足不同的排版需求。 ... [详细]
  • 理解存储器的层次结构有助于程序员优化程序性能,通过合理安排数据在不同层级的存储位置,提升CPU的数据访问速度。本文详细探讨了静态随机访问存储器(SRAM)和动态随机访问存储器(DRAM)的工作原理及其应用场景,并介绍了存储器模块中的数据存取过程及局部性原理。 ... [详细]
author-avatar
baisedehuiyi11396
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有